<!DOCTYPE html>
<html lang="en">

<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="utf-8">
    
        
                <meta name="keywords" content="爱前端 | 爱工作 | 爱生活">
                
                    
                            <meta name="description" content="This is My blog">
                            
                                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
                                <title>
                                    
                                                一只正在成长的程序猿
                                </title>
                                
                                    <link rel="shortcut icon" href="/images/headPortrait.png">
                                    
                                        <link rel="stylesheet" href="/css/style.css">
                                            
                                                <link rel="stylesheet" href="/fancybox/jquery.fancybox.min.css">
                                                    
                                                        <script src="/js/pace.min.js"></script>
</head></html>

    <body>
        <main class="content">
            <section class="jumbotron">
  <div class="video">
    
      <div class="video-frame">
        <img src="/images/ocean/overlay-hero.png" alt="Decorative image frame">
      </div>
    
    <div class="video-media">
      <video playsinline="" autoplay="" loop="" muted="" data-autoplay=""
             poster="/images/ocean/ocean.png" x5-video-player-type="h5">
        <source src="/images/ocean/ocean.mp4" type="video/mp4">
        <source src="/images/ocean/ocean.ogv" type="video/ogg">
        <source src="/images/ocean/ocean.webm" type="video/webm">
        <p>Your user agent does not support the HTML5 Video element.</p>
      </video>
      <div class="video-overlay"></div>
    </div>
    <div class="video-inner text-center text-white">
      <h1><a href="/">一只正在成长的程序猿</a></h1>
      <p>爱前端 | 爱工作 | 爱生活</p>
      <div><img src="/images/shark-inverted.svg" class="brand" alt="一只正在成长的程序猿"></div>
    </div>
    <div class="video-learn-more">
      <a class="anchor" href="#landingpage"><i class="fe fe-mouse"></i></a>
    </div>
  </div>
</section>

<div id="landingpage">
  <section class="outer">
  <article class="articles">
    
    <h1 class="page-type-title"></h1>

    
      
        <article id="post-基于Hexo和GitHub搭建个人博客" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/16/基于Hexo和GitHub搭建个人博客/">Hexo+Github Page搭建个人博客</a>
    </h2>
  
  
  <div class="article-topping">
    <i class="fe fe-umbrella"></i>
  </div>





      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/16/基于Hexo和GitHub搭建个人博客/" class="article-date">
  <time datetime="2019-08-16T09:57:58.650Z" itemprop="datePublished">2019-08-16</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <p><a href="https://wgjh5.github.io/">我的博客</a></p>
<h3 id="安装前提"><a href="#安装前提" class="headerlink" title="安装前提"></a>安装前提</h3><p>安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：</p>
<ul>
<li><a href="http://nodejs.org/" target="_blank" rel="noopener">Node.js</a> (至少nodejs 6.9)</li>
<li><a href="http://git-scm.com/" target="_blank" rel="noopener">Git</a></li>
</ul>
        
          <a class="article-more-link" href="/2019/08/16/基于Hexo和GitHub搭建个人博客/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/16/基于Hexo和GitHub搭建个人博客/" data-id="cjzdy95vf0025acu8342rka6h"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-README" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/README/">目录</a>
    </h2>
  
  
  <div class="article-topping">
    <i class="fe fe-umbrella"></i>
  </div>





      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/README/" class="article-date">
  <time datetime="2019-08-07T09:31:46.523Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <table>
<thead>
<tr>
<th align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/Echarts.md" target="_blank" rel="noopener">Echarts </a></th>
<th align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E6%80%BB%E7%BB%93.md" target="_blank" rel="noopener">vue总结 </a></th>
</tr>
</thead>
<tbody><tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/git.md" target="_blank" rel="noopener">GIT命令</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/%E5%85%B3%E4%BA%8Ewatch%E5%92%8Ccomputed%E7%9A%84%E7%BB%93%E5%90%88%E7%9B%91%E5%90%ACprops.md" target="_blank" rel="noopener">watch配合computed监听props教程</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E6%8A%80%E6%9C%AF%E7%82%B9.md" target="_blank" rel="noopener">vue技术点 </a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/swiper.md" target="_blank" rel="noopener">vue中swiper简单教程</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%20md5%E5%8A%A0%E5%AF%86%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">vue中md5教程</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E4%B8%ADanimate.css%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">vue中animate.css教程</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E4%B8%ADv-touch%E4%BA%8B%E4%BB%B6%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">vue中v-touch事件用法</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E4%B8%ADwebsocket%E7%94%A8%E6%B3%95%E5%8F%8A%E5%B0%81%E8%A3%85.md" target="_blank" rel="noopener">vue中websocket用法及封装</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/keepAlive%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95.md" target="_blank" rel="noopener">keepAlive使用方法</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/%E8%BF%90%E7%94%A8%E7%99%BE%E5%BA%A6api%E5%AE%9E%E7%8E%B0%E5%AE%9A%E4%BD%8D%E5%9F%8E%E5%B8%82.md" target="_blank" rel="noopener">运用百度api实现定位城市</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/%E5%B7%A6%E6%BB%91%E5%8A%A8%E5%88%A0%E9%99%A4%E7%BB%84%E4%BB%B6.md" target="_blank" rel="noopener">左滑动删除组件</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0.md" target="_blank" rel="noopener">图片上传组件upload</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue动态绑定类名的几种方法.md" target="_blank" rel="noopener">vue动态绑定类名的几种方法</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vuejs%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%20%E5%AE%9E%E7%8E%B0div%E6%8B%96%E6%8B%BD%E7%A7%BB%E5%8A%A8/vuejs%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%20%E5%AE%9E%E7%8E%B0div%E6%8B%96%E6%8B%BD%E7%A7%BB%E5%8A%A8.md" target="_blank" rel="noopener">vue 移动端 实现div拖拽移动组件</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue2.0%E5%88%B03.0%E7%9A%84%E6%A1%A5%E6%8E%A5.md" target="_blank" rel="noopener">vue cli3=&gt;vue cli2桥接</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/localStorage%E5%92%8CsessionStorage%E7%9A%84%E7%9B%91%E5%90%AC.md" target="_blank" rel="noopener"> localStorage和sessionStorage的监听</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vuecli%2Bpwa%E5%AE%9E%E7%8E%B0%E8%87%AA%E5%8A%A8%E5%BC%B9%E5%87%BA%E6%B7%BB%E5%8A%A0%E5%88%B0%E6%A1%8C%E9%9D%A2%E5%8A%9F%E8%83%BD/vueCL2%E5%92%8CvueCL3%E9%85%8D%E5%90%88pwa%E7%9A%84%E7%AE%80%E5%8D%95%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">pwa的简单介绍</a></td>
<td align="left"><a href="https://github.com/wgjh5/pwaApp" target="_blank" rel="noopener">vue+pwa教程</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E5%92%8C%E4%B8%8A%E4%BC%A0%E4%B9%8B%E5%89%8D%E7%9A%84%E5%8E%8B%E7%BC%A9.md" target="_blank" rel="noopener">vue上传图片与压缩</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue-cookies.md" target="_blank" rel="noopener">vue-cookies用法</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue-pdf%E7%AE%80%E5%8D%95%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">vue-pdf用法</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue-i18n%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">vue-i18n用法例子</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue-clipboard2%E5%AE%9E%E7%8E%B0%E5%A4%8D%E5%88%B6%E7%B2%98%E8%B4%B4.md" target="_blank" rel="noopener">vue-clipboard2 实现复制粘贴</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E5%8F%8A%E5%8E%8B%E7%BC%A9%E7%BB%84%E4%BB%B6%E7%9A%84%E5%B0%81%E8%A3%85.md" target="_blank" rel="noopener">vue图片上传及压缩组件的封装</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E4%B8%ADscss%E7%9A%84%E7%94%A8%E6%B3%95.md" target="_blank" rel="noopener">vue中scss的用法</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E5%88%A4%E6%96%AD%E6%89%8B%E6%9C%BA%E7%A7%BB%E5%8A%A8%E7%AB%AF.md" target="_blank" rel="noopener">vue判断手机移动端</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/vue%E7%BB%99js%E6%B7%BB%E5%8A%A0%E7%89%88%E6%9C%AC%E5%8F%B7.md" target="_blank" rel="noopener">vue给js加版本号</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/%E8%A7%A3%E5%86%B3vux%E5%88%B7%E6%96%B0%E6%B6%88%E5%A4%B1%E9%97%AE%E9%A2%98.md" target="_blank" rel="noopener">解决Vuex持久化插件-在F5刷新页面后数据不见的问题</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/webapp%E5%88%86%E4%BA%AB.md" target="_blank" rel="noopener">webapp分享</a></td>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/%E8%A7%A3%E5%86%B3keep-alin%E7%BC%93%E5%AD%98bug.md" target="_blank" rel="noopener">解决keepAlive缓存bug</a></td>
</tr>
<tr>
<td align="left"><a href="https://github.com/wgjh5/vueSummarize/blob/master/%E8%A7%A3%E5%86%B3SVN%E6%B8%85%E7%90%86%E5%A4%B1%E8%B4%A5%E9%97%AE%E9%A2%98.md" target="_blank" rel="noopener">解决svn清理失败问题</a></td>
<td align="left"></td>
</tr>
</tbody></table>

      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/README/" data-id="cjzdy95tu0002acu8ky4zhv2c"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-左滑动删除组件" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/左滑动删除组件/">左滑动删除组件</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/左滑动删除组件/" class="article-date">
  <time datetime="2019-08-07T09:31:46.842Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <h4 id="HTML"><a href="#HTML" class="headerlink" title="HTML"></a>HTML</h4>
        
          <a class="article-more-link" href="/2019/08/07/左滑动删除组件/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/左滑动删除组件/" data-id="cjzdy95vk002cacu83iusnxzr"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/左滑动删除组件/">左滑动删除组件</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-运用百度api实现定位城市" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/运用百度api实现定位城市/">运用百度api实现定位城市</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/运用百度api实现定位城市/" class="article-date">
  <time datetime="2019-08-07T09:31:46.826Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <h4 id="1-在index-html中写"><a href="#1-在index-html中写" class="headerlink" title="1.在index.html中写"></a>1.在index.html中写</h4><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;script type=<span class="string">"text/javascript"</span> src=<span class="string">"http://api.map.baidu.com/api?v=2.0&amp;ak=您的密钥"</span>&gt;<span class="xml"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
        
          <a class="article-more-link" href="/2019/08/07/运用百度api实现定位城市/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/运用百度api实现定位城市/" data-id="cjzdy95vs002macu8i7ir0hb9"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/运用百度api实现定位城市/">运用百度api实现定位城市</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-解决vux刷新消失问题" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/解决vux刷新消失问题/">解决Vuex持久化插件-在F5刷新页面后数据不见的问题</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/解决vux刷新消失问题/" class="article-date">
  <time datetime="2019-08-07T09:31:46.808Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <blockquote>
<p>vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。</p>
<p>vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。</p>
<p>为了克服这个问题， vuex-persistedstate出现了~~</p>
</blockquote>
        
          <a class="article-more-link" href="/2019/08/07/解决vux刷新消失问题/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/解决vux刷新消失问题/" data-id="cjzdy95vp002jacu8cw572o1g"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/解决Vuex持久化插件-在F5刷新页面后数据不见的问题/">解决Vuex持久化插件-在F5刷新页面后数据不见的问题</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-解决SVN清理失败问题" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/解决SVN清理失败问题/">解决SVN清理失败，显示乱码问题</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/解决SVN清理失败问题/" class="article-date">
  <time datetime="2019-08-07T09:31:46.799Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <blockquote>
<p>更新SVN时，提示要清理，但是清理失败，此时什么也操作不了，以下就是解决方案。</p>
</blockquote>
<p>情况如图：<img src="/07/解决SVN清理失败问题/.%5Cimg%5CclearFail.png" alt><img src="/07/解决SVN清理失败问题/.%5Cimg%5CSVN.png" alt></p>
        
          <a class="article-more-link" href="/2019/08/07/解决SVN清理失败问题/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/解决SVN清理失败问题/" data-id="cjzdy95vn002facu869iwbzbi"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/解决SVN清理失败，显示乱码问题/">解决SVN清理失败，显示乱码问题</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-关于watch和computed的结合监听props" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/关于watch和computed的结合监听props/">关于watch和computed的结合监听props</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/关于watch和computed的结合监听props/" class="article-date">
  <time datetime="2019-08-07T09:31:46.784Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <h2 id="需求"><a href="#需求" class="headerlink" title="需求"></a>需求</h2><blockquote>
<p>如果你要根据<code>props</code>传过来的值，来执行函数，你就需要监听，<code>props</code>传过来的值的变化</p>
</blockquote>
        
          <a class="article-more-link" href="/2019/08/07/关于watch和computed的结合监听props/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/关于watch和computed的结合监听props/" data-id="cjzdy95ve0022acu8joavj1ex"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/关于watch和computed的结合监听props/">关于watch和computed的结合监听props</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-webapp分享" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/webapp分享/">webapp调起浏览器分享</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/webapp分享/" class="article-date">
  <time datetime="2019-08-07T09:31:46.766Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <h3 id="起因"><a href="#起因" class="headerlink" title="起因"></a>起因</h3><blockquote>
<p>最近在做一个新闻资讯页，有分享的功能，在参考了很多的资料后，有以下总结。</p>
</blockquote>
        
          <a class="article-more-link" href="/2019/08/07/webapp分享/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/webapp分享/" data-id="cjzdy95vc001yacu8b68zdcqn"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webapp调起浏览器分享/">webapp调起浏览器分享</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-vue总结" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/vue总结/">2018.12.21 vue总结</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/vue总结/" class="article-date">
  <time datetime="2019-08-07T09:31:46.753Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <h3 id="一、vue2-9-6版本起步"><a href="#一、vue2-9-6版本起步" class="headerlink" title="一、vue2.9.6版本起步"></a>一、vue2.9.6版本起步</h3><ol>
<li><p>先安装<code>node</code>环境</p>
<p><a href="https://nodejs.org/en/" target="_blank" rel="noopener">Node下载</a></p>
</li>
<li><p>再安<code>vue</code>的装脚手架</p></li></ol>
        
          <a class="article-more-link" href="/2019/08/07/vue总结/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/vue总结/" data-id="cjzdy95v3001oacu8m9ql1wg2"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/2018-12-21-vue总结/">2018.12.21 vue总结</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
        <article id="post-vue中websocket用法及封装" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h2 itemprop="name">
      <a class="article-title" href="/2019/08/07/vue中websocket用法及封装/">vue中websocket用法及封装</a>
    </h2>
  
  




      </header>
    

    
      <div class="article-meta">
        <a href="/2019/08/07/vue中websocket用法及封装/" class="article-date">
  <time datetime="2019-08-07T09:31:46.734Z" itemprop="datePublished">2019-08-07</time>
</a>
        
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>

      </div>
    

    <div class="article-entry" itemprop="articleBody">
      

      

      
        <h4 id="1-先下载"><a href="#1-先下载" class="headerlink" title="1.先下载"></a>1.先下载</h4><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">cnpm install vue-socket.io --save-dev</span><br></pre></td></tr></table></figure>
        
          <a class="article-more-link" href="/2019/08/07/vue中websocket用法及封装/">阅读更多...</a>
        
      
    </div>
    <footer class="article-footer">
      <a data-url="wgjh5.github.io/2019/08/07/vue中websocket用法及封装/" data-id="cjzdy95ut0016acu86ibvn6m4"
         class="article-share-link">分享</a>
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue/">vue</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/vue中websocket用法及封装/">vue中websocket用法及封装</a></li></ul>

    </footer>

  </div>

  

  

</article>



      
  </article>
  

  
    <nav class="page-nav">
      
      <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/2/">下一页</a>
    </nav>
  
</section>
</div>

                <footer class="footer">
  <div class="outer">
    <div class="float-right">
      <ul class="list-inline">
  
    <li><i class="fe fe-smile-alt"></i> <span id="busuanzi_value_site_uv"></span></li>
  
</ul>
    </div>
    <ul class="list-inline">
      <li>&copy; 2019 一只正在成长的程序猿</li>
      <li>Powered by <a href="http://hexo.io/" target="_blank">Hexo</a></li>
      <li>Theme  <a href="https://github.com/zhwangart/hexo-theme-ocean">Ocean</a></li>
    </ul>
  </div>
</footer>

        </main>
        <aside class="sidebar">
            <button class="navbar-toggle"></button>

<nav class="navbar">
  
    <div class="logo">
      <a href="/"><img src="/images/shark.svg" alt="一只正在成长的程序猿"></a>
    </div>
  
  <ul class="nav nav-main">
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">主页</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/archives">归档</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/about">关于</a>
      </li>
    
    <li class="nav-item">
      <a class="nav-item-link nav-item-search" title="搜索">
        <i class="fe fe-search"></i>
        搜索
      </a>
    </li>
  </ul>
</nav>

<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      <div class="totop" id="totop">
  <i class="fe fe-rocket"></i>
</div>
    </li>
    <li class="nav-item">
      
        <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
          <i class="fe fe-feed"></i>
        </a>
      
    </li>
  </ul>
</nav>

<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
        </aside>
        <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/lazyload.min.js"></script>
<script src="/js/snap.svg-min.js"></script>
<script src="/js/busuanzi-2.3.pure.min.js"></script>


  <script src="/fancybox/jquery.fancybox.min.js"></script>



  <script src="/js/search.js"></script>


<script src="/js/ocean.js"></script>

    </body>

    </html>